import "../node_modules/swiper/swiper-bundle.css" // 引入swiper的css
import "../node_modules/swiper/swiper-bundle.js"  // 因为swiper的jsate
import axios from "axios"
import Vue from "vue"
import  App from "./app.vue"

axios.get("/list").then(res=>{
    console.log(res.data);
    var swiper_wrapper = document.querySelector(".swiper-wrapper")
    swiper_wrapper.innerHTML =  res.data.map((item,index)=>{
        return `
        <div class="swiper-slide">
             <img src="${item.img}"/>
        
        </div>`
    }).join("")
})

// 实例化之后轮播图就可以轮播了
var mySwiper = new Swiper ('.swiper', {
    autoplay:true,
    loop: true, // 循环模式选项
})
const vue = new Vue({
    el: '#app', // 绑定标签
    render: (xuanran) => {
        // 把模版渲染到页面， 接受的参数是渲染函数
        return xuanran(App)
    }
})
